@import './common/common.less';
.body{
  background-image: -moz-linear-gradient( 0deg, rgb(100,92,224) 0%, rgb(111,112,243) 100%, rgb(111,112,243) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(100,92,224) 0%, rgb(111,112,243) 100%, rgb(111,112,243) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(100,92,224) 0%, rgb(111,112,243) 100%, rgb(111,112,243) 100%);
  padding: 0;
  margin: 0;
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
}
.fixed-bottom{
  position: fixed;
  display: flex;
  height: .76rem; /* 152/200 */;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-image: -moz-linear-gradient( 0deg, rgb(255,228,73) 0%, rgb(255,217,0) 44%, rgb(255,208,0) 79%, rgb(255,198,0) 97%);
  background-image: -webkit-linear-gradient( 0deg, rgb(255,228,73) 0%, rgb(255,217,0) 44%, rgb(255,208,0) 79%, rgb(255,198,0) 97%);
  background-image: -ms-linear-gradient( 0deg, rgb(255,228,73) 0%, rgb(255,217,0) 44%, rgb(255,208,0) 79%, rgb(255,198,0) 97%);
}
.fixed-bottom a{
  flex: 1;
  display: inline-block;
  vertical-align: top;
  color: #292a73;
  text-align: center;
  line-height: .76rem; /* 152/200 */
  height: .76rem; /* 152/200 */
  font-size: .27rem; /* 54/200 */
  font-weight: 500;
}
.fixed-bottom::after{
  content: "";
  height: .35rem; /* 70/200 */
  width: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.17rem; /* 35/200 */
  margin-left: -0.5px; /* 5/200 */
  background-color: rgba(41,42,115,.3)
}
.page-top-banner{
  display: block;
  width: 100%;
}
.box-main{
  width: 100%;
  box-sizing: border-box;
  margin-top: -.05rem; /* 10/200 */
  padding-bottom: 1.60rem; /* 320/200 */
}
.box-item{
  position: relative;
}
.box-item .card-head{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 6.40rem; /* 640/200 */;
}
.box-item .card-head.head01{
  background-image: url(../assets/card-head_01.png);
  width: 100%;
  height: .51rem; /* 100/200 */
}
.box-item .card-head.head02{
  background-image: url(../assets/card-head_02.png);
  height: 1.19rem;
}
.box-item .card-head.head03{
  background-image: url(../assets/card-head_03.png);
  height: 1.21rem;
}
.box-item .card-head.head04{
  background-image: url(../assets/card-head_04.png);
  height: 1.23rem;
}
.box-item .card-head.head05{
  background-image: url(../assets/card-head_05.png);
  height: 1.18rem;
}
.box-item .care-head-title.title1{
  background-color: rgb(93, 96, 237);
  box-shadow: 0px .05rem .14rem .04rem rgba(45, 46, 191, 0.7);
  font-size: .24rem; /* 48/200 */
  color: #ffffff;
  font-weight: 500;
  width: 2.85rem; /* 570/200 */
  height: .66rem; /* 132/200 */;
  line-height: .66rem; /* 132/200 */;
  text-align: center;
  border-radius: .33rem;
  position: absolute;
  left: 50%;
  margin-left: -1.425rem;
  top: -.30rem; /* 60/200 */
  z-index: 9;
}

.box-item .card-container{
  padding-left: .24rem; /* 48/200 */
  padding-right: .24rem; /* 48/200 */
  margin-top: -.28rem; /* 56/200 */
  position: relative;
}
.box-item .card-container::before{
  content: "";
  height: .41rem; /* 83/200 */
  position: absolute;
  top: 0;
  left: .24rem;
  right: .24rem;
  z-index: 0;
}
.box-item .card-container.container1::before{
  /*background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(164,165,255) 95%, rgb(73,74,255) 97%);*/
  /*background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(164,165,255) 95%, rgb(73,74,255) 97%);*/
  /*background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 50%, rgb(164,165,255) 95%, rgb(73,74,255) 97%);*/
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
}

.box-item .card-container.container2::before{
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,237,240) 44%, rgb(255,162,188) 79%, rgb(255,87,135) 97%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,237,240) 44%, rgb(255,162,188) 79%, rgb(255,87,135) 97%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,237,240) 44%, rgb(255,162,188) 79%, rgb(255,87,135) 97%);
}
.box-item .card-container.container3::before{
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,240,216) 44%, rgb(255,198,108) 79%, rgb(255,155,0) 97%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,240,216) 44%, rgb(255,198,108) 79%, rgb(255,155,0) 97%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,240,216) 44%, rgb(255,198,108) 79%, rgb(255,155,0) 97%);
}
.box-item .card-container.container4::before{
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(232,255,230) 44%, rgb(128,214,121) 79%, rgb(24,172,12) 97%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(232,255,230) 44%, rgb(128,214,121) 79%, rgb(24,172,12) 97%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(232,255,230) 44%, rgb(128,214,121) 79%, rgb(24,172,12) 97%);
}
.box-item .card-container.container5::before{
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,255,255) 44%, rgb(164,165,255) 79%, rgb(73,74,255) 97%);
}
.card-container-item{
  background-color: #ffffff;
  border-radius: 0 0 .12rem .12rem; /* 10/200 */
  padding-top: .41rem; /* 82/200 */
  box-sizing: border-box;
  padding-bottom: .25rem; /* 50/200 */
}
.card-container-item .card-title{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 2.48rem; /* 496/200 */
  height: .37rem; /* 74/200 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card-container-item .card-title.title1{
  background-image: url(../assets/card-title_01.png)
}
.card-container-item .card-title.title2{
  background-image: url(../assets/card-title_02.png)
}
.card-container-item .card-title.title3{
  background-image: url(../assets/card-title_03.png)
}
.card-container-item .card-title.title4{
  background-image: url(../assets/card-title_04.png)
}
.card-container-item .card-title.title5{
  background-image: url(../assets/card-title_05.png)
}

.card-container-item .bottomline{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: .06rem; /* 12/200 */
  height: .06rem; /* 12/200 */
  border-width: .02rem; /* 4/200 */
  border-radius: 50%;
  border-style: solid;
  position: relative;
}
.card-container-item .bottomline::before{
  content: "";
  position: absolute;
  width: .75rem; /* 150/200 */
  height: .01rem; /* 3/200 */
  left: -.87rem; /* 174/200 */
  top: 50%;
  margin-top: .005rem;
  border-radius: .005rem;
}
.card-container-item .bottomline::after{
  content: "";
  position: absolute;
  width: .75rem; /* 150/200 */
  height: .01rem; /* 3/200 */
  right: -.87rem; /* 174/200 */
  top: 50%;
  margin-top: .005rem;
  border-radius: .005rem;
}
.card-container-item .bottomline.line1{
  border-color: #e1e2f8;
}
.card-container-item .bottomline.line1::before,.card-container-item .bottomline.line1::after{
  background-color: #e1e2f8;
}
.card-container-item .bottomline.line2{
  border-color: #fff0f4;
}
.card-container-item .bottomline.line2::before,.card-container-item .bottomline.line2::after{
  background-color: #fff0f4;
}
.card-container-item .bottomline.line3{
  border-color: #ffecce;
}
.card-container-item .bottomline.line3::before,.card-container-item .bottomline.line3::after{
  background-color: #ffecce;
}
.card-container-item .bottomline.line4{
  border-color: #d3f7c5;
}
.card-container-item .bottomline.line4::before,.card-container-item .bottomline.line4::after{
  background-color: #d3f7c5;
}
.card-container-item .bottomline.line5{
  border-color: #e1e2f8;
}
.card-container-item .bottomline.line5::before,.card-container-item .bottomline.line5::after{
  background-color: #e1e2f8;
}
.card1-content{
  display: flex;
  padding-left: .35rem; /* 70/200 */
  padding-right: .35rem; /* 70/200 */
  padding-top: .40rem; /* 80/200 */
  padding-bottom: .20rem; /* 40/200 */
  position: relative;
}
.card1-content span.icon-cat{
  position: absolute;
  background-image: url(../assets/cat.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: .96rem; /* 192/200 */
  height: .85rem; /* 170/200 */
  z-index: 9;
  right: 0.1rem;
  top: -0.28rem;
}
.card1-content .item{
  flex: 1;
  height: 2.50rem; /* 500/200 */
  background-color: #e8e8ff;
  border-radius: .16rem; /* 32/200 */
}
.card1-content .item h2{
  display: block;
  text-align: center;
  font-size: .26rem; /* 52/200 */
  color: #31327d;
  padding-top: .25rem; /* 50/200 */
}
.card1-content .item span{
  display: block;
  text-align: center;
  font-size: .24rem; /* 48/200 */
  color: #5b5c96;
  padding-top: .10rem; /* 20/200 */
}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
ul,li{margin: 0;padding: 0;}
.card1-content .item ul{
  padding-top: .25rem; /* 50/200 */
}
.card1-content .item ul li{
  font-size: .20rem; /* 40/200 */
  color: #5b5c96;
  display: block;
  position: relative;
  line-height: 1.8;
  padding-left: .17rem; /* 34/200 */
  padding-right: .17rem; /* 34/200 */
}
.card1-content .item ul li::before{
  content: "";
  position: absolute;
  width: .04rem; /* 8/200 */
  height: .04rem; /* 8/200 */
  border-radius: 50%;
  background-color: #5b5c96;
  left: 0.08rem;
  top: 0.13rem;
}
.card2-content{
	text-align: center;
	padding-top: .25rem; /* 50/200 */
}
.card2-content .item-box{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 5.58rem; /* 1116/200 */
	height: 1.31rem; /* 262/200 */
	background-color: #fff0f4;
	border-radius: .09rem; /* 18/200 */
	margin-bottom: .20rem; /* 40/200 */
  margin-left: auto;
  margin-right: auto;
}
.card2-content .item-box.item1{
	background-image: url(../assets/card-bg02_01.png);
}
.card2-content .item-box.item2{
	background-image: url(../assets/card-bg02_02.png);
}
.card2-content .item-box.item3{
	background-image: url(../assets/card-bg02_03.png);
}
.card2-content .item-box.item4{
	background-image: url(../assets/card-bg02_04.png);
}
.card2-content .item-box.left{
	text-align: left;
}
.card2-content .item-box.right{
	text-align: right;
}
.card2-content .item-box .text-container h2{
	font-size: .27rem; /* 54/200 */
	color: #ff467b;
	font-weight: 400;
	padding-top: .18rem; /* 36/200 */
	padding-bottom: .05rem; /* 10/200 */
}
.card2-content .item-box .text-container span{
	display: block;
	font-size: .20rem; /* 40/200 */
	color: #fd6e97;
	line-height: 1.5;
}
.card2-content .item-box .text-container{
	width: 3rem; /* 572/200 */
	padding-left: .15rem; /* 30/200 */
	padding-right: .15rem; /* 30/200 */
	display: inline-block;
	vertical-align: top;
}
.card3-content{
	padding-top: .22rem; /* 44/200 */
	padding-left: .30rem; /* 60/200 */
	padding-right: .30rem; /* 60/200 */
	padding-bottom: .10rem; /* 20/200 */
}
.card3-content h2{
	font-size: .26rem; /* 52/200 */
	color: #b85208;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: .25rem; /* 50/200 */
}
.card3-content p{
	font-size: .20rem; /* 40/200 */
	color: #bc5a12;
	line-height: 1.5;
	padding-top: .05rem; /* 10/200 */
	padding-bottom: .05rem; /* 10/200 */
}

.card4-content{
  .video-area{
    width: 5.43rem; /* 1086/200 */
    height: 2.72rem; /* 544/200 */
    margin-left: auto;
    margin-right: auto;
    padding-top: .30rem; /* 60/200 */
    border-radius: .15rem; /* 30/200 */
    overflow: hidden;
  }
  span.tips{
    display: block;
    text-align: center;
    color: #64c846;
    font-size: .24rem;
    padding-top: .30rem; /* 60/200 */
    padding-bottom: .60rem; /* 120/200 */
  }
  .btn-share{
    width: 2.31rem; /* 462/200 */
    height: .66rem; /* 132/200 */
    border-radius: .33rem;
    color: #ffffff;
    font-size: .27rem; /* 54/200 */
    line-height: .66rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .23rem; /* 46/200 */
    background-image: -moz-linear-gradient( 180deg, rgb(61,200,100) 3%, rgb(78,205,95) 21%, rgb(94,210,90) 56%, rgb(130,220,80) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(61,200,100) 3%, rgb(78,205,95) 21%, rgb(94,210,90) 56%, rgb(130,220,80) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(61,200,100) 3%, rgb(78,205,95) 21%, rgb(94,210,90) 56%, rgb(130,220,80) 100%);
  }
}

.card5-content{
	padding-left: .15rem; /* 30/200 */
	padding-right: .15rem; /* 30/200 */
	padding-top: .25rem; /* 50/200 */
	padding-bottom: .10rem; /* 20/200 */
}
.card5-content h3{
	font-size: .24rem; /* 48/200 */
	color: #5b5c96;
	font-weight: 400;
	padding-top: .05rem; /* 10/200 */
	padding-bottom: .05rem; /* 10/200 */
}
.card5-content ul{
	padding-left: .32rem; /* 64/200 */
	padding-top: .15rem; /* 30/200 */
}
.card5-content ul li{
	font-size: .19rem; /* 38/200 */
	color: #5b5c96;
	line-height: 1.8;
	position: relative;
	padding-top: .05rem; /* 10/200 */
	padding-bottom: .05rem; /* 10/200 */
}
.card5-content ul li i{
	position: absolute;
	width: .21rem; /* 42/200 */
	height: .21rem; /* 42/200 */
	border-radius: 50%;
	background-image: -moz-linear-gradient( 180deg, rgb(82,83,217) 0%, rgb(170,170,253) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(82,83,217) 0%, rgb(170,170,253) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(82,83,217) 0%, rgb(170,170,253) 100%);
	font-size: .15rem; /* 30/200 */
	color: #ffffff;
	font-style: normal;
	text-align: center;
	line-height: .21rem; /* 42/200 */
	left: -.32rem; /* 64/200 */
	top: .1rem; /* 10/200 */
}
